<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="/WEB-INF/templates/template.xhtml">     
        
        <ui:define name="toolbar">            
            <h:form id="formToolbarMateriaPrima" >
                <p:panel  id="materiaPrimaToolbarPanel" visible="true" closeSpeed="300" closable="true" closeTitle="Cerrar" header="Gestión de Materias Primas: nombre del componente ingreso consulta"  style="font-size: 12px; border-width: 0px">

                    <p:toolbar  id="toolOpcionesMateriaPrima" >
                        <p:toolbarGroup align="left" >
                            <p:commandButton id="botonNuevaMateriaPrima" update=":formDialogoSeleccionarTipoMateriaPrima" oncomplete="dialogoTipoMateriaPrima.show()" type="push" title="Crear Materia Prima" icon="ui-icon-document" />
                            <p:separator />                            
                            <p:commandButton id="botonModificarMateriaPrima" type="push" title="Actualizar Datos Materia Prima" actionListener="#{materiaprimaWeb.clicBotonModificarMateriaPrima()}" icon="ui-icon-arrowrefresh-1-w" />                
                            <p:commandButton id="botonEliminarMateriaPrima" type="push" title="Eliminar Materia Prima"  update=":formDialogoEliminarMateriaPrima"  oncomplete="dialogoEliminarMateriaPrima.show()" actionListener="#{materiaprimaWeb.clicBotonEliminarMateriaPrimaToolBar()}" icon="ui-icon-trash" />                  
                            <p:separator  />
                            <p:commandButton  ajax="false" type="push" title="Imprimir" icon="ui-icon-print" />
                        </p:toolbarGroup>
                    </p:toolbar>

                </p:panel>
            </h:form>  
        </ui:define>
        <ui:define name="body">
            <style >
            .ui-datepicker{ font-size: 9pt;} .ui-button{font-size: 12pt;}
            .ui-tabs{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} .ui-tabs-panel{font-size: 12px;} 
            .ui-toolbar-group-left{font-size: 12px} 
            .ui-datatable .ui-datatable-header {text-align: left;}   
            
            .ui-picklist .ui-picklist-list {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    overflow:auto;
                    height:100px;
                    width:100px;
                }
                .ui-picklist .ui-picklist-list li {
                    margin: 1px;
                    padding: 2px;
                }

                .ui-picklist .ui-button {
                    display:block;
                    margin-bottom:0.3em;
                    width: 26px;
                    height: 26px;
                }

                .ui-picklist .ui-picklist-item {
                    cursor:pointer;
                    border:0px none;
                    font-weight: inherit;
                }

                .ui-picklist .ui-picklist-caption {
                    text-align: center;
                    padding:4px 10px 4px 10px;
                    border-bottom:0px none;
                }

                .ui-picklist table {
                    width:100%;
                    border-collapse:collapse;
                }
                .ui-picklist > tbody{
                    /*IE7 hack*/
                    *position: relative;
                }
        </style>
            <p:panel id="panelConsultarMateriaPrima"  style="font-size: 12px; border-width: 0px">   
                <h:form id="formBuscarMateriaPrima" style="width: 250px;  ">
                    <p:growl id="messagesMateriaPrima"/>
                    <p:fieldset toggleable="false" legend="Buscar Materia Prima" style="font-size: 12px; width: 250px;left: 13px;top: 0px;position: absolute" >  
                        <h:panelGrid columns="1" cellpadding="2"  style="font-size: 12px;margin-right: 8px;text-align: right; vertical-align: middle" >             
                            <p:inputText id="textBuscarMateriaPrima" style="font-size: 12px" size="30"/>
                            <h:outputText value="por"  style="font-size: 12px" />
                            <h:selectOneMenu id="comboBuscarMateriaPrima"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todos..." itemValue="todo"  />
                                <f:selectItem itemLabel="Codigo Materia Prima" itemValue="CodMateriaPrima" />
                                <f:selectItem itemLabel="Insumo" itemValue="Insumo" />   
                                <f:selectItem itemLabel="Nombre Materia Prima" itemValue="Nombre" />                                   
                                <f:selectItem itemLabel="Talla Suela" itemValue="Talla" />               
                                <f:selectItem itemLabel="Tamaño Taco" itemValue="Tamanio" />
                                <f:selectItem itemLabel="Unidad de medida" itemValue="UnidadMedida" />
                                <f:selectItem itemLabel="Estado:(Activo/Inactivo)" itemValue="Activo" />                                                             
                            </h:selectOneMenu>
                            <h:outputText value="coincidencia de búsqueda"  style="font-size: 12px" />
                            <h:selectOneMenu  id="comboCoincidenciaBusquedaMateriaPrima"  style="font-size: 12px;height: 25px;alignment-baseline: middle; ">
                                <f:selectItem itemLabel="Todas las Coincidencias" itemValue="todas"  />
                                <f:selectItem itemLabel="Coincidencia Exacta" itemValue="exacta" />
                                <f:selectItem itemLabel="Coincidencia Inicial" itemValue="inicial" />
                                <f:selectItem itemLabel="Coincidencia Final" itemValue="final" />                               
                            </h:selectOneMenu>
                            <p:commandButton ajax="true" id="botonBuscarMateriaPrima" actionListener="#{materiaprimaWeb.clicBotonBuscarMateriaPrima('formBuscarMateriaPrima')}" value="Consultar" icon="ui-icon-search" type="submit" style="font-size: 12px; width: 100px; "  />                           
                        </h:panelGrid>  
                    </p:fieldset> 
                </h:form> 
                <p:tabView id="tabMateriaPrima" orientation="top" style="left:300px; top: 14px;position: absolute; width: 75%" >
                    <p:ajax  event="tabChange" listener="#{materiaprimaWeb.eventoTabSeleccionadoMateriaPrima}" process="@this" />
                    <!--tab agregado/ otros-->
                    <p:tab id="tabMateriaPrimaAgregado" title="Agregados/Otros (#{materiaprimaWeb.tablaAgregado.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarAgregado" >
                                    <p:dataTable  id="tablaConsultarAgregado" var="consultarAgregado" value="#{materiaprimaWeb.tablaAgregado}" widgetVar="tablaConsultarAgregado" 
                                                emptyMessage="Búsqueda finalizada, no existe Materia Prima con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{materiaprimaWeb.tablaAgregadoSeleccionado}" rowKey="#{consultarAgregado.codMateriaPrima}" >                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{materiaprimaWeb.eventoFilaSeleccionadaTablaConsultarMateriaPrima('Agregado')}" process="@this" update=":formDialogoEliminarMateriaPrima" /> 
                                        <p:column id="columnaCodMateriaPrimaAgregado"  headerText="Codigo"  style="width:115px" filterBy="#{consultarAgregado.codMateriaPrima}" sortBy="#{consultarAgregado.codMateriaPrima}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarAgregado.codMateriaPrima}"  />
                                        </p:column>
                                        <p:column id="columnaInsumoMateriaPrimaAgregado" headerText="Insumo"  style="width:165px" filterBy="#{consultarAgregado.nombreInsumo}" sortBy="#{consultarAgregado.nombreInsumo}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarAgregado.nombreInsumo}"  />
                                        </p:column>
                                        <p:column id="columnaNombreMateriaPrimaAgregado" headerText="Agregado/Otro"  style="width:204px" filterBy="#{consultarAgregado.nombreMateriaPrimaAgregado}" sortBy="#{consultarAgregado.nombreMateriaPrimaAgregado}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarAgregado.nombreMateriaPrimaAgregado}"  />
                                        </p:column>
                                        <p:column id="columnaUnidadMedidaMateriaPrimaAgregado" headerText="Unidad de Medida"  style="width:164px" filterBy="#{consultarAgregado.abreviatura}" sortBy="#{consultarAgregado.abreviatura}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarAgregado.abreviatura}"  />
                                        </p:column>
                                        <p:column id="columnaFechaCreacionAgregado" headerText="Fecha Creacion"  style="width:144px" filterBy="#{consultarAgregado.fechaCreacion}" sortBy="#{consultarAgregado.fechaCreacion}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarAgregado.fechaCreacion}"  />
                                        </p:column>
                                        <p:column id="columnaActivoAgregado" headerText="Estado"  style="width:110px" filterBy="#{consultarAgregado.esActivo}" sortBy="#{consultarAgregado.esActivo}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarAgregado.esActivo}"  />
                                        </p:column>
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosMateriaPrimaAgregado" type="push" actionListener="#{materiaprimaWeb.clicBotonMostrarDatosMateriaPrima('Agregado')}" update=":formDialogoDatosMateriaPrima,:formDialogoDatosMateriaPrima:tablaDatosMateriaPrimaDialogo"  oncomplete="dialogoConsultaMateriaPrima.show()"  value="Mostrar Datos" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>
                         <!--tab cuero-->
                         <p:tab id="tabMateriaPrimaCuero" title="Cueros (#{materiaprimaWeb.tablaCuero.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarCuero" >
                                    <p:dataTable  id="tablaConsultarCuero" var="consultarCuero" widgetVar="tablaConsultarCuero" value="#{materiaprimaWeb.tablaCuero}" 
                                                emptyMessage="Búsqueda finalizada, no existe Materia Prima con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{materiaprimaWeb.tablaCueroSeleccionado}" rowKey="#{consultarCuero.codMateriaPrima}">                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{materiaprimaWeb.eventoFilaSeleccionadaTablaConsultarMateriaPrima('Cuero')}" process="@this" update=":formDialogoEliminarMateriaPrima" /> 
                                        <p:column id="columnaCodMateriaPrimaCuero"  headerText="Codigo"  style="max-width:75px"  filterBy="#{consultarCuero.codMateriaPrima}" sortBy="#{consultarCuero.codMateriaPrima}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.codMateriaPrima}"  />
                                        </p:column>
                                        <p:column id="columnaInsumoMateriaPrimaCuero" headerText="Insumo"  style="max-width:120px" filterBy="#{consultarCuero.nombreInsumo}" sortBy="#{consultarCuero.nombreInsumo}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.nombreInsumo}"  />
                                        </p:column>
                                        <p:column id="columnaNombreMateriaPrimaCuero" headerText="Cuero"  style="max-width:140px" filterBy="#{consultarCuero.nombreCuero}" sortBy="#{consultarCuero.nombreCuero}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.nombreCuero}"  />
                                        </p:column>
                                        <p:column id="columnaColorMateriaPrimaCuero" headerText="Color"  style="max-width:135px" filterBy="#{consultarCuero.colorCuero}" sortBy="#{consultarCuero.colorCuero}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.colorCuero}"  />
                                        </p:column>
                                        <p:column id="columnaTexturaMateriaPrimaCuero" headerText="Textura"  style="max-width:135px" filterBy="#{consultarCuero.textura}" sortBy="#{consultarCuero.textura}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.textura}"  />
                                        </p:column>
                                        <p:column id="columnaUnidadMedidaMateriaPrimaCuero" headerText="Unidad Medida"  style="max-width:120px" filterBy="#{consultarCuero.abreviatura}" sortBy="#{consultarCuero.abreviatura}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.abreviatura}"  />
                                        </p:column>
                                        <p:column id="columnaFechaCreacionCuero" headerText="Fecha Creacion"  style="max-width:115px" filterBy="#{consultarCuero.fechaCreacion}" sortBy="#{consultarCuero.fechaCreacion}" filterMatchMode="contains"  resizable="true">
                                            <h:outputText value="#{consultarCuero.fechaCreacion}"  />
                                        </p:column>
                                        <p:column id="columnaActivoCuero" headerText="Estado"  style="max-width:80px" filterBy="#{consultarCuero.esActivo}" sortBy="#{consultarCuero.esActivo}" filterMatchMode="contains" resizable="true">
                                            <h:outputText value="#{consultarCuero.esActivo}"  />
                                        </p:column>
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosMateriaPrimaCuero" type="push" actionListener="#{materiaprimaWeb.clicBotonMostrarDatosMateriaPrima('Cuero')}" update=":formDialogoDatosMateriaPrima,:formDialogoDatosMateriaPrima:tablaDatosMateriaPrimaDialogo"  oncomplete="dialogoConsultaMateriaPrima.show()"  value="Mostrar Datos" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>
                         <!--tab forro-->
                         <p:tab id="tabMateriaPrimaForro" title="Forros ( #{materiaprimaWeb.tablaForro.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarForro" >
                                    <p:dataTable  id="tablaConsultarForro" var="consultarForro" widgetVar="tablaConsultarForro" value="#{materiaprimaWeb.tablaForro}" 
                                                emptyMessage="Búsqueda finalizada, no existe Materia Prima con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{materiaprimaWeb.tablaForroSeleccionado}" rowKey="#{consultarForro.codMateriaPrima}" >                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{materiaprimaWeb.eventoFilaSeleccionadaTablaConsultarMateriaPrima('Forro')}" process="@this" update=":formDialogoEliminarMateriaPrima" /> 
                                        <p:column id="columnaCodMateriaPrimaForro"  headerText="Codigo"  style="width:115px" filterBy="#{consultarForro.codMateriaPrima}" sortBy="#{consultarForro.codMateriaPrima}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarForro.codMateriaPrima}"  />
                                        </p:column>
                                        <p:column id="columnaInsumoMateriaPrimaForro" headerText="Insumo"  style="width:165px"  filterBy="#{consultarForro.nombreInsumo}" sortBy="#{consultarForro.nombreInsumo}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarForro.nombreInsumo}"  />
                                        </p:column>
                                        <p:column id="columnaTipoForroMateriaPrimaForro" headerText="Tipo de Forro"  style="width:204px"  filterBy="#{consultarForro.tipoForro}" sortBy="#{consultarForro.tipoForro}" filterMatchMode="contains" >
                                            <h:outputText value="#{consultarForro.tipoForro}"  />
                                        </p:column>  
                                        <p:column id="columnaUnidadMedidaMateriaPrimaForro" headerText="Unidad de Medida"  style="width:164px" filterBy="#{consultarForro.abreviatura}" sortBy="#{consultarForro.abreviatura}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarForro.abreviatura}"  />
                                        </p:column>
                                        <p:column id="columnaFechaCreacionForro" headerText="Fecha Creacion"  style="width:144px"  filterBy="#{consultarForro.fechaCreacion}" sortBy="#{consultarForro.fechaCreacion}" filterMatchMode="contains"  >
                                            <h:outputText value="#{consultarForro.fechaCreacion}"  />
                                        </p:column>
                                        <p:column id="columnaActivoForro" headerText="Estado"  style="width:110px" filterBy="#{consultarForro.esActivo}" sortBy="#{consultarForro.esActivo}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarForro.esActivo}"  />
                                        </p:column>
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosMateriaPrimaForro" type="push"  value="Mostrar Datos" actionListener="#{materiaprimaWeb.clicBotonMostrarDatosMateriaPrima('Forro')}" update=":formDialogoDatosMateriaPrima,:formDialogoDatosMateriaPrima:tablaDatosMateriaPrimaDialogo"  oncomplete="dialogoConsultaMateriaPrima.show()" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>
                         <!--tab suela-->
                         <p:tab id="tabMateriaPrimaSuela" title="Suelas ( #{materiaprimaWeb.tablaSuela.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarSuela" >
                                    <p:dataTable  id="tablaConsultarSuela" var="consultarSuela" widgetVar="tablaConsultarSuela" value="#{materiaprimaWeb.tablaSuela}" 
                                                emptyMessage="Búsqueda finalizada, no existe Materia Prima con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single" selection="#{materiaprimaWeb.tablaSuelaSeleccionado}" rowKey="#{consultarSuela.codMateriaPrima}">                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{materiaprimaWeb.eventoFilaSeleccionadaTablaConsultarMateriaPrima('Suela')}" process="@this" update=":formDialogoEliminarMateriaPrima" /> 
                                        <p:column id="columnaCodMateriaPrimaSuela"  headerText="Codigo"  style="width:115px" filterBy="#{consultarSuela.codMateriaPrima}" sortBy="#{consultarSuela.codMateriaPrima}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.codMateriaPrima}"  />
                                        </p:column>
                                        <p:column id="columnaInsumoMateriaPrimaSuela" headerText="Insumo"  style="width:165px" filterBy="#{consultarSuela.nombreInsumo}" sortBy="#{consultarSuela.nombreInsumo}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.nombreInsumo}"  />
                                        </p:column>
                                        <p:column id="columnaNombreMateriaPrimaSuela" headerText="Suela"  style="width:204px" filterBy="#{consultarSuela.nombreSuela}" sortBy="#{consultarSuela.nombreSuela}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.nombreSuela}"  />
                                        </p:column>                                         
                                        <p:column id="columnaUnidadMedidaMateriaPrimaSuela" headerText="Unidad de Medida"  style="width:164px" filterBy="#{consultarSuela.abreviatura}" sortBy="#{consultarSuela.abreviatura}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.abreviatura}"  />
                                        </p:column>
                                        <p:column id="columnaFechaCreacionSuela" headerText="Fecha Creacion"  style="width:144px" filterBy="#{consultarSuela.fechaCreacion}" sortBy="#{consultarSuela.fechaCreacion}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.fechaCreacion}"  />
                                        </p:column>
                                        <p:column id="columnaActivoSuela" headerText="Estado"  style="width:110px" filterBy="#{consultarSuela.esActivo}" sortBy="#{consultarSuela.esActivo}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarSuela.esActivo}"  />
                                        </p:column>
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosMateriaPrimaSuela" type="push" actionListener="#{materiaprimaWeb.clicBotonMostrarDatosMateriaPrima('Suela')}" update=":formDialogoDatosMateriaPrima,:formDialogoDatosMateriaPrima:tablaDatosMateriaPrimaDialogo"  oncomplete="dialogoConsultaMateriaPrima.show()" value="Mostrar Datos" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>
                         <!--tab taco-->
                         <p:tab id="tabMateriaPrimaTaco" title="Tacos ( #{materiaprimaWeb.tablaTaco.size()} coincidencias)"  titleStyle="font-size: 12px;" >
                            <h:panelGrid columns="1" cellpadding="1" >
                                <h:form id="formTablaConsultarTaco" >
                                    <p:dataTable  id="tablaConsultarTaco" var="consultarTaco" widgetVar="tablaConsultarTaco" value="#{materiaprimaWeb.tablaTaco}" 
                                                emptyMessage="Búsqueda finalizada, no existe Materia Prima con los criterios de búsqueda ingresados" resizableColumns="false" paginator="true" rows="10"  
                                                rowsPerPageTemplate="5,10,20,100" selectionMode="single"  selection="#{materiaprimaWeb.tablaTacoSeleccionado}" rowKey="#{consultarTaco.codMateriaPrima}">                                                                                      
                                        <p:ajax  event="rowSelect" listener="#{materiaprimaWeb.eventoFilaSeleccionadaTablaConsultarMateriaPrima('Taco')}" process="@this" update=":formDialogoEliminarMateriaPrima" /> 
                                        <p:column id="columnaCodMateriaPrimaTaco"  headerText="Codigo"  style="width:115px" filterBy="#{consultarTaco.codMateriaPrima}" sortBy="#{consultarTaco.codMateriaPrima}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.codMateriaPrima}"  />
                                        </p:column>
                                        <p:column id="columnaInsumoMateriaPrimaTaco" headerText="Insumo"  style="width:165px" filterBy="#{consultarTaco.nombreInsumo}" sortBy="#{consultarTaco.nombreInsumo}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.nombreInsumo}"  />
                                        </p:column>
                                        <p:column id="columnaNombreMateriaPrimaTaco" headerText="Taco"  style="width:204px" filterBy="#{consultarTaco.nombreTaco}" sortBy="#{consultarTaco.nombreTaco}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.nombreTaco}"  />
                                        </p:column>                              
                                        <p:column id="columnaUnidadMedidaMateriaPrimaTaco" headerText="Unidad de Medida"  style="width:164px" filterBy="#{consultarTaco.abreviatura}" sortBy="#{consultarTaco.abreviatura}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.abreviatura}"  />
                                        </p:column>
                                        <p:column id="columnaFechaCreacionTaco" headerText="Fecha Creacion"  style="width:144px" filterBy="#{consultarTaco.fechaCreacion}" sortBy="#{consultarTaco.fechaCreacion}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.fechaCreacion}"  />
                                        </p:column>
                                        <p:column id="columnaActivoTaco" headerText="Estado"  style="width:110px" filterBy="#{consultarTaco.esActivo}" sortBy="#{consultarTaco.esActivo}" filterMatchMode="contains">
                                            <h:outputText value="#{consultarTaco.esActivo}"  />
                                        </p:column>
                                        <f:facet  name="footer" >
                                            <p:commandButton  id="botonMostrarDatosMateriaPrimaTaco" type="push" actionListener="#{materiaprimaWeb.clicBotonMostrarDatosMateriaPrima('Taco')}" update=":formDialogoDatosMateriaPrima,:formDialogoDatosMateriaPrima:tablaDatosMateriaPrimaDialogo"  oncomplete="dialogoConsultaMateriaPrima.show()" value="Mostrar Datos" icon="ui-icon-search"     />
                                        </f:facet>
                                       </p:dataTable>                                
                                </h:form>   
                            </h:panelGrid>
                        </p:tab>                         
                    </p:tabView>                          
                </p:panel>                
            </ui:define>
            <ui:define name="dialogos" >
            <!--Dialogo para ver toda la informacion relacionada con la materia prima -->                
            <h:form id="formDialogoDatosMateriaPrima">
                <p:dialog id="DialogoDatosMateriaPrima" header="Datos de Materia Prima:" widgetVar="dialogoConsultaMateriaPrima" resizable="false"  
                            modal="true" style="font-size: 12px"> 
                    <!--h:panelGrid columns="2" cellpadding="0" style="alignment-adjust: middle; width: 405px"  -->         
                    <p:scrollPanel style="width:400px;max-height:250px">
                        <p:dataTable id="tablaDatosMateriaPrimaDialogo" value="#{materiaprimaWeb.datosSeleccionado}" var="datosSeleccionado"   >                                                                
                                <p:column headerText="" footerText="" style="text-align: right;width: 115px; font-weight: bold">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(0, 21)}" style="font-size: 12px" />                                 
                                </p:column>
                                <p:column headerText="" footerText="" style="width: 250px; max-width: 250px">                                    
                                    <h:outputText value="#{datosSeleccionado.substring(21)}" style="font-size: 12px" />                                 
                                </p:column>                                   
                        </p:dataTable>   
                    </p:scrollPanel> 
                    <p:separator/>
                    <p:commandButton value="Cerrar" type="button" onclick="dialogoConsultaMateriaPrima.hide()"/>
                </p:dialog>
            </h:form>    
            <!--proceso de creacion materia prima -->
            <h:form id="formDialogoSeleccionarTipoMateriaPrima">
                <p:dialog id="DialogoSeleccionarTipoMateriaPrima" header="Crear Nueva Materia Prima: Selección Categoria" widgetVar="dialogoTipoMateriaPrima" resizable="true" closable="false"  
                          modal="true" height="110" width="400" style="font-size: 12px" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; min-height: 90px; ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="Seleccione Categoria:"/>
                        </p:panel>
                        <h:selectOneMenu id="comboSeleccionarTipoMateriaPrima" style="width: 245px;left: 125px; top: 22px; position: absolute ; font-size: 12px">
                            <f:selectItem itemLabel="Agregados/Otros" itemValue="Agregado"  />
                            <f:selectItem itemLabel="Cueros" itemValue="Cuero"  />
                            <f:selectItem itemLabel="Forros" itemValue="Forro"  />
                            <f:selectItem itemLabel="Suelas" itemValue="Suela"  />
                            <f:selectItem itemLabel="Tacos" itemValue="Taco"  />
                        </h:selectOneMenu>
                        <p:separator style="left: 125px; top: 46px; position: absolute; width: 245px" />                        
                        <p:commandButton id="botonCancelarSeleccionarTipoTipoMateriaPrima" value="Cancelar" type="button" onclick="dialogoTipoMateriaPrima.hide()" style="font-size: 12px ;left: 125px; top: 60px; position: absolute; width: 120px" icon="ui-icon-close" />
                        <p:commandButton id="botonSiguienteSeleccionarTipoTipoMateriaPrima" ajax="false" type="push" value="Siguiente" actionListener="#{materiaprimaWeb.clicBotonSiguienteSeleccionarTipoMateriaPrima()}" onclick="dialogoTipoMateriaPrima.hide()"   style="font-size: 12px ;left: 251px; top: 60px; width: 120px; position: absolute" icon="ui-icon-play"/>
                    </h:panelGrid>
                </p:dialog>
            </h:form> 
            <h:form id="formDialogoIngresarAgregadoMateriaPrima">
                <p:dialog id="DialogoIngresarAgregadoMateriaPrima" header="Crear Nueva Materia Prima: Agregado/Otros" widgetVar="dialogoIngresarAgregadoMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 305px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 245px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 305px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaAgregadoIngresar"                   
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaAgregadoIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaAgregadoIngresar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaAgregadoIngresar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaAgregadoIngresar" 
                                                style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaAgregadoIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 213px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaAgregadoIngresar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 243px; position: absolute ; "/>                          
                            <p:separator        style="left: 125px; top: 265px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonGuardarMateriaPrimaAgregado" value="Guardar" type="push" actionListener="#{materiaprimaWeb.clicBotonGuardar('formDialogoIngresarAgregadoMateriaPrima')}"         oncomplete="dialogoTipoMateriaPrima.hide()" icon="ui-icon-disk"
                                                style="font-size: 12px ;left: 125px; top: 278px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarMateriaPrimaAgregado" type="button" onclick="dialogoIngresarAgregadoMateriaPrima.hide()" value="Cancelar" icon="ui-icon-close" 
                                                style="font-size: 12px ;left: 251px; top: 278px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoIngresarCueroMateriaPrima">
                <p:dialog id="DialogoIngresarCueroMateriaPrima" header="Crear Nueva Materia Prima: Cueros" widgetVar="dialogoIngresarCueroMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 355px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="* Color:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 175px; position: absolute ; font-size: 12px" value="* Textura:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 205px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 275px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 305px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 355px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaCueroIngresar"                   
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaCueroIngresar" disabled="true" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaCueroIngresar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaCueroIngresar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputText id="textColorMateriaPrimaCueroIngresar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 142px; position: absolute ; "/>  
                            <p:inputText id="textTexturaMateriaPrimaCueroIngresar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 172px; position: absolute ; "/>  
                            <p:inputTextarea id="textDescripcionMateriaPrimaCueroIngresar" 
                                         style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:202px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaCueroIngresar" disabled="true" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 273px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaCueroIngresar" itemLabel="Activo" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 303px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 325px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonGuardarMateriaPrimaCuero" value="Guardar" type="push" actionListener="#{materiaprimaWeb.clicBotonGuardar('formDialogoIngresarCueroMateriaPrima')}"         icon="ui-icon-disk"
                                         style="font-size: 12px ;left: 125px; top: 338px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarMateriaPrimaCuero" onclick="dialogoIngresarCueroMateriaPrima.hide()" type="button" value="Cancelar"  icon="ui-icon-close"
                                         style="font-size: 12px ;left: 251px; top: 338px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoIngresarForroMateriaPrima">
                <p:dialog id="DialogoIngresarForroMateriaPrima" header="Crear Nueva Materia Prima: Forros" widgetVar="dialogoIngresarForroMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 295px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Tipo de Forro:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 245px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 295px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaForroIngresar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaForroIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textTipoMateriaPrimaForroIngresar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaForroIngresar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaForroIngresar" 
                                                style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaForroIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 213px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaForroIngresar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 243px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 265px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonGuardarMateriaPrimaForro" value="Guardar" type="push"    actionListener="#{materiaprimaWeb.clicBotonGuardar('formDialogoIngresarForroMateriaPrima')}"  icon="ui-icon-disk"
                                                  style="font-size: 12px ;left: 125px; top: 278px; position: absolute; width: 120px" />
                            <p:commandButton id="botonCancelarMateriaPrimaForro" ajax="false" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoIngresarForroMateriaPrima.hide()"
                                                  style="font-size: 12px ;left: 251px; top: 278px; width: 120px; position: absolute"/>
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoIngresarSuelaMateriaPrima">
                <p:dialog id="DialogoIngresarSuelaMateriaPrima" header="Crear Nueva Materia Prima: Suelas" widgetVar="dialogoIngresarSuelaMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 455px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="* Tallas Asociadas:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 365px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 395px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height:455px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaSuelaIngresar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaSuelaIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaSuelaIngresar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/> 
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaSuelaIngresar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaSuelaIngresar" 
                                              style=";width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:pickList id="pickTallasMateriaPrimaSuelaIngresar" var="tallaAsociada" value="#{materiaprimaWeb.dualListTallaSuela}" itemLabel="#{tallaAsociada}" itemValue="#{tallaAsociada}"  
                                                 style="width: 150px;height: 55px; font-size: 11px;left: 125px; top:213px; position: absolute ; overflow-y: auto "
                                                 addAllLabel="Agregar todos" addLabel="Agregar" removeAllLabel="Quitar todos" removeLabel="Quitar">
                                    <f:facet name="sourceCaption">Tallas Disponibles</f:facet>  
                                    <f:facet name="targetCaption">Tallas Asociadas</f:facet>                             
                            </p:pickList>

                            <p:inputText id="textFechaCreacionMateriaPrimaSuelaIngresar" disabled="true" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 361px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaSuelaIngresar" itemLabel="Activo" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 391px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 413px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonGuardarMateriaPrimaSuela" value="Guardar" type="push"        actionListener="#{materiaprimaWeb.clicBotonGuardar('formDialogoIngresarSuelaMateriaPrima')}" icon="ui-icon-disk"
                                                 style="font-size: 12px ;left: 125px; top: 426px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarMateriaPrimaSuela" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoIngresarSuelaMateriaPrima.hide()"
                                                 style="font-size: 12px ;left: 251px; top: 426px; width: 120px; position: absolute"/>
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoIngresarTacoMateriaPrima">
                <p:dialog id="DialogoIngresarTacoMateriaPrima" header="Crear Nueva Materia Prima: Tacos" widgetVar="dialogoIngresarTacoMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 455px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="* Tamaños Asociados:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 365px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 395px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height:455px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaTacoIngresar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaTacoIngresar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaTacoIngresar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/> 
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaTacoIngresar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaTacoIngresar" 
                                              style=";width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:pickList id="pickTallasMateriaPrimaTacoIngresar"  var="tamañoAsociado" value="#{materiaprimaWeb.dualListTallaSuela}" itemLabel="#{tamañoAsociado}" itemValue="#{tamañoAsociado}"  
                                                 style="width: 150px;height: 55px; font-size: 11px;left: 125px; top:213px; position: absolute ; overflow-y: auto "
                                                 addAllLabel="Agregar todos" addLabel="Agregar" removeAllLabel="Quitar todos" removeLabel="Quitar">
                                    <f:facet name="sourceCaption">Tamaños Disponibles</f:facet>  
                                    <f:facet name="targetCaption">Tamaños Asociados</f:facet>                             
                            </p:pickList>

                            <p:inputText id="textFechaCreacionMateriaPrimaTacoIngresar" disabled="true" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 361px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaTacoIngresar" itemLabel="Activo" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 391px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 413px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonGuardarMateriaPrimaTaco" value="Guardar" type="push"         actionListener="#{materiaprimaWeb.clicBotonGuardar('formDialogoIngresarTacoMateriaPrima')}" icon="ui-icon-disk"
                                                 style="font-size: 12px ;left: 125px; top: 426px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarMateriaPrimaTaco" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoIngresarTacoMateriaPrima.hide()"
                                                 style="font-size: 12px ;left: 251px; top: 426px; width: 120px; position: absolute"/>
                       </p:panel>                              
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            <!--Modificacion MateriaPrima --> 
            <h:form id="formDialogoModificarAgregadoMateriaPrima">
                <p:dialog id="DialogoModificarAgregadoMateriaPrima" header="Actualizar Datos Materia Prima: Agregado/Otros" widgetVar="dialogoModificarAgregadoMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 305px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 245px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 305px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaAgregadoModificar"                   
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaAgregadoModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaAgregadoModificar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaAgregadoModificar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaAgregadoModificar" 
                                                style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaAgregadoModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 213px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaAgregadoModificar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 243px; position: absolute ; "/>                          
                            <p:separator        style="left: 125px; top: 265px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonModificarMateriaPrimaAgregado" value="Actualizar" type="push" actionListener="#{materiaprimaWeb.clicBotonActualizar('formDialogoModificarAgregadoMateriaPrima')}" icon="ui-icon-disk"
                                                style="font-size: 12px ;left: 125px; top: 278px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModificarMateriaPrimaAgregado" type="button" onclick="dialogoModificarAgregadoMateriaPrima.hide()" value="Cancelar" icon="ui-icon-close" 
                                                style="font-size: 12px ;left: 251px; top: 278px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoModificarCueroMateriaPrima">
                <p:dialog id="DialogoModificarCueroMateriaPrima" header="Actualizar Datos Nueva Materia Prima: Cueros" widgetVar="dialogoModificarCueroMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 355px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="* Color:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 175px; position: absolute ; font-size: 12px" value="* Textura:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 205px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 275px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 305px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 355px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaCueroModificar"                   
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaCueroModificar" disabled="true" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaCueroModificar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaCueroModificar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputText id="textColorMateriaPrimaCueroModificar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 142px; position: absolute ; "/>  
                            <p:inputText id="textTexturaMateriaPrimaCueroModificar"  
                                         style="width: 235px; font-size: 12px;left: 125px; top: 172px; position: absolute ; "/>  
                            <p:inputTextarea id="textDescripcionMateriaPrimaCueroModificar" 
                                         style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:202px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaCueroModificar" disabled="true" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 273px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaCueroModificar" itemLabel="Activo" 
                                         style="width: 150px; font-size: 12px;left: 125px; top: 303px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 325px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonModificarMateriaPrimaCuero" value="Actualizar" type="push" actionListener="#{materiaprimaWeb.clicBotonActualizar('formDialogoModificarCueroMateriaPrima')}"         icon="ui-icon-disk"
                                         style="font-size: 12px ;left: 125px; top: 338px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModificarMateriaPrimaCuero" onclick="dialogoModificarCueroMateriaPrima.hide()" type="button" value="Cancelar"  icon="ui-icon-close"
                                         style="font-size: 12px ;left: 251px; top: 338px; width: 120px; position: absolute" />
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoModificarForroMateriaPrima">
                <p:dialog id="DialogoModificarForroMateriaPrima" header="Actualizar Datos Materia Prima: Forros" widgetVar="dialogoModificarForroMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 295px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Tipo de Forro:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 245px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height: 295px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaForroModificar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaForroModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textTipoMateriaPrimaForroModificar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/>  
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaForroModificar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaForroModificar" 
                                                style="width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:inputText id="textFechaCreacionMateriaPrimaForroModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 213px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaForroModificar" itemLabel="Activo" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 243px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 265px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonModificarMateriaPrimaForro" value="Actualizar" type="push"    actionListener="#{materiaprimaWeb.clicBotonActualizar('formDialogoModificarForroMateriaPrima')}"  icon="ui-icon-disk"
                                                  style="font-size: 12px ;left: 125px; top: 278px; position: absolute; width: 120px" />
                            <p:commandButton id="botonCancelarModificarMateriaPrimaForro" ajax="false" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoModificarForroMateriaPrima.hide()"
                                                  style="font-size: 12px ;left: 251px; top: 278px; width: 120px; position: absolute"/>
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoModificarSuelaMateriaPrima">
                <p:dialog id="DialogoModificarSuelaMateriaPrima" header="Actualizar Datos Materia Prima: Suelas" widgetVar="dialogoModificarSuelaMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 455px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="* Tallas Asociadas:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 365px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 395px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height:455px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaSuelaModificar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaSuelaModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaSuelaModificar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/> 
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaSuelaModificar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaSuelaModificar" 
                                              style=";width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:pickList id="pickTallasMateriaPrimaSuelaModificar" var="tallaAsociada" value="#{materiaprimaWeb.dualListTallaSuela}" itemLabel="#{tallaAsociada}" itemValue="#{tallaAsociada}"  
                                                 style="width: 150px;height: 55px; font-size: 11px;left: 125px; top:213px; position: absolute ; overflow-y: auto "
                                                 addAllLabel="Agregar todos" addLabel="Agregar" removeAllLabel="Quitar todos" removeLabel="Quitar">
                                    <f:facet name="sourceCaption">Tallas Disponibles</f:facet>  
                                    <f:facet name="targetCaption">Tallas Asociadas</f:facet>                             
                            </p:pickList>

                            <p:inputText id="textFechaCreacionMateriaPrimaSuelaModificar" disabled="true" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 361px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaSuelaModificar" itemLabel="Activo" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 391px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 413px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonModificarMateriaPrimaSuela" value="Actualizar" type="push"  actionListener="#{materiaprimaWeb.clicBotonActualizar('formDialogoModificarSuelaMateriaPrima')}" icon="ui-icon-disk"
                                                 style="font-size: 12px ;left: 125px; top: 426px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModificarMateriaPrimaSuela" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoModificarSuelaMateriaPrima.hide()"
                                                 style="font-size: 12px ;left: 251px; top: 426px; width: 120px; position: absolute"/>
                       </p:panel>     
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            <h:form id="formDialogoModificarTacoMateriaPrima">
                <p:dialog id="DialogoModificarTacoMateriaPrima" header="Actualizar Datos Materia Prima: Tacos" widgetVar="dialogoModificarTacoMateriaPrima" resizable="false" closable="false"  
                          modal="true" style="font-size: 12px;" >
                    <h:panelGrid columns="2" >
                        <p:panel style="min-width: 99px; height: 455px;overflow-y: hidden ">
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 25px; position: absolute ; font-size: 12px" value="* Insumo:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 55px; position: absolute ; font-size: 12px" value="Código:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 85px; position: absolute ; font-size: 12px" value="* Nombre:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 111px; position: absolute ; font-size: 12px" value="* Unidad de Medida:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 145px; position: absolute ; font-size: 12px" value="Descripcion:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 215px; position: absolute ; font-size: 12px" value="* Tamaños Asociados:"/>
                            <h:outputText style="vertical-align: middle;                   text-align: right; height: 20px; width: 95px;left: 20px; top: 365px; position: absolute ; font-size: 12px" value="Fecha Creación:"/>
                            <h:outputText style="vertical-align: middle; font-weight: bold;text-align: right; height: 20px; width: 95px;left: 20px; top: 395px; position: absolute ; font-size: 12px" value="* Estado:"/>
                        </p:panel>
                        <p:panel style="width: 245px; height:455px; border-width: 0px" >
                            <h:selectOneMenu id="comboSeleccionarInsumoFkMateriaPrimaTacoModificar"                    
                                                style="width: 150px; font-size: 12px;left: 125px; top: 22px; position: absolute"/>
                            <p:inputText id="textCodMateriaPrimaTacoModificar" disabled="true" 
                                                style="width: 150px; font-size: 12px;left: 125px; top: 52px; position: absolute ; "/>  
                            <p:inputText id="textNombreMateriaPrimaTacoModificar"  
                                                style="width: 235px; font-size: 12px;left: 125px; top: 82px; position: absolute ; "/> 
                            <h:selectOneMenu id="comboSeleccionarUnidadMedidaFkMateriaPrimaTacoModificar" 
                                                style="width: 235px; font-size: 12px;left: 125px; top: 112px; position: absolute"/>
                            <p:inputTextarea id="textDescripcionMateriaPrimaTacoModificar" 
                                              style=";width: 235px;height: 55px; font-size: 12px;left: 125px; top:142px; position: absolute ; overflow-y: auto "/>  
                            <p:pickList id="pickTallasMateriaPrimaTacoModificar"  var="tamañoAsociado" value="#{materiaprimaWeb.dualListTallaSuela}" itemLabel="#{tamañoAsociado}" itemValue="#{tamañoAsociado}"  
                                                 style="width: 150px;height: 55px; font-size: 11px;left: 125px; top:213px; position: absolute ; overflow-y: auto "
                                                 addAllLabel="Agregar todos" addLabel="Agregar" removeAllLabel="Quitar todos" removeLabel="Quitar">
                                    <f:facet name="sourceCaption">Tamaños Disponibles</f:facet>  
                                    <f:facet name="targetCaption">Tamaños Asociados</f:facet>                             
                            </p:pickList>

                            <p:inputText id="textFechaCreacionMateriaPrimaTacoModificar" disabled="true" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 361px; position: absolute ; "/>  
                            <p:selectBooleanCheckbox id="selectActivoMateriaPrimaTacoModificar" itemLabel="Activo" 
                                                 style="width: 150px; font-size: 12px;left: 125px; top: 391px; position: absolute ; "/>                          
                            <p:separator style="left: 125px; top: 413px; position: absolute; width: 245px" />                        
                            <p:commandButton id="botonModificarMateriaPrimaTaco" value="Actualizar" type="push"         actionListener="#{materiaprimaWeb.clicBotonActualizar('formDialogoModificarTacoMateriaPrima')}" icon="ui-icon-disk"
                                                 style="font-size: 12px ;left: 125px; top: 426px; position: absolute; width: 120px"  />
                            <p:commandButton id="botonCancelarModificarMateriaPrimaTaco" type="button" value="Cancelar"   icon="ui-icon-close" onclick="dialogoModificarTacoMateriaPrima.hide()"
                                                 style="font-size: 12px ;left: 251px; top: 426px; width: 120px; position: absolute"/>
                       </p:panel>                              
                    </h:panelGrid>
                </p:dialog>
            </h:form>
            
            
            <!--Eliminacion Materia Prima -->    
            <h:form id="formDialogoEliminarMateriaPrima"> 
                 <p:confirmDialog message="Seguro desea eliminar la siguiente Materia Prima:" header="Eliminación de Materia Prima" severity="alert" 	
                     widgetVar="dialogoEliminarMateriaPrima" closable="false"  style="font-size: 12px">       
                    <h:panelGrid columns="2" cellpadding="1" > 
                        <h:outputText value="Materia Prima:" style="font-size: 12px; font-weight: bold"/>
                        <h:outputText value="#{materiaprimaWeb.datosSeleccionado.get(0)}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>
                        <h:outputText value="#{materiaprimaWeb.datosSeleccionado.get(1)}" style="font-size: 12px; font-weight: bold"/>            
                        <h:outputText value="" style="font-size: 12px; color: white"/>                                                          
                    </h:panelGrid>
                    <p:separator  style="height: 0px" />
                    <p:commandButton ajax="true" value="Eliminar" actionListener="#{materiaprimaWeb.clicBotonEliminarMateriaPrima()}"  oncomplete="dialogoEliminarMateriaPrima.hide()"  style="font-size: 12px" />
                    <p:commandButton value="Cancelar" onclick="dialogoEliminarMateriaPrima.hide()" type="button" style="font-size: 12px" />         
              </p:confirmDialog>
          </h:form>                   
            </ui:define>
        </ui:composition>
    </body>
</html>
